<template>
  <div class="layout_basic">
    <div class="layout_panel main">
      <router-view></router-view>
    </div>
    <div v-show="$store.state.infoDialog.active" class="layout_panel dialog_0">
      <Dialog :config='$store.state.infoDialog'></Dialog>
    </div> 
    <div v-show="$store.state.warningDialog.active" class="layout_panel dialog_1">
      <Dialog :config='$store.state.warningDialog'></Dialog>
    </div>
    <div v-show="$store.state.errorDialog.active" class="layout_panel dialog_2">
      <Dialog :config='$store.state.errorDialog'></Dialog>
    </div>
    
    <!-- <div class="layout_panel top">

    </div> -->
  </div>
  
</template>

<script>

export default {
  name: 'app',
  mounted() {
  }
}
</script>

<style>

</style>
